<div class="m-step1-edit" :important="mc_stpe1_edit">
  <form class="m-container  m-container-nopadding" :validate="@vali_org" :effect="{is:'animate', action:@data.obj_edit.org}">
    <div class="u-header">
      <h1>组织</h1>
      <button type="button" class="btn btn-success btn-outline"
      :if="@data.obj_edit.org === 'leave'" :click="@bindEdit('org')">编辑</button>
    </div>
    <ul class="m-content">
      <li>
        <div class="left">名称</div>
        <div class="right">
          <p>{{@data.org.title}}</p>
        </div>
      </li>
      <li>
        <div class="left">地址</div>
        <div class="right">
          <p>{{@data.org.address}}</p>
        </div>
      </li>
      <li>
        <div class="left">描述</div>
        <div class="right">
          <textarea rows="8" cols="80"
          placeholder="一段简单的组织商户自我描述"
          :duplex="@data.org.brief"
          ></textarea>
        </div>
      </li>
    </ul>
    <div class="u-footer">
      <p>店铺主体组织，一个组织开通一个</p>
      <button type="submit" class="btn btn-success btn-shop">确定</button>
    </div>
  </form>
  <form class="m-container  m-container-nopadding" :validate="@vali_contact" :effect="{is:'contact', action:@data.obj_edit.contact}">
    <div class="u-header">
      <h1>联系人</h1>
      <button type="button" class="btn btn-success btn-outline"
      :if="@data.obj_edit.contact === 'leave' && @data.obj_edit.org === 'leave'"
      :click="@bindEdit('contact')">编辑</button>
    </div>
    <ul class="m-content">
      <li>
        <div class="left">姓名</div>
        <div class="right">
          <input type="text" placeholder="必填"
          maxlength="12"
          :duplex="@data.contact.realname"
          data-required-message="请填写联系人"
          :rules="{required: true, minlength:2}">
        </div>
      </li>
      <li>
        <div class="left">手机号</div>
        <div class="right">
          <p>{{@data.contact.mobile}}</p>
        </div>
      </li>
      <li>
        <div class="left">邮箱</div>
        <div class="right">
          <input type="text" placeholder="选填"
          :duplex="@data.contact.email"
          :rules="{norequired: true, email: true}">
        </div>
      </li>
      <li>
        <div class="left">地址</div>
        <div class="right">
          <input type="text" placeholder="选填"
          :duplex="@data.contact.address"
          :rules="{norequired: true}">
        </div>
      </li>
    </ul>
    <div class="u-footer">
      <p>店铺主体联系人，店铺申请审核更新将短信通知到您</p>
      <button type="submit" class="btn btn-success btn-shop">确定</button>
    </div>
  </form>
  <form class="m-container  m-container-nopadding" :validate="@vali_credit"  :effect="{is:'credit', action:@data.obj_edit.credit}">
    <div class="u-header">
      <h1>信用认证</h1>
    </div>
    <ul class="m-content">
      <li>
        <div class="left">认证方式</div>
        <div class="right f-flex">
          <label for="payment-mf"
          :class="['u-icon',(@data.credit.type == 1?'u-icon-select-sex':'u-icon-select-sex-default')]">
            <img src="./icon_zhima.png" alt="芝麻信用" class="radio-img">
          </label>
          <label for="payment-sf" :class="['u-icon',(@data.credit.type == 2?'u-icon-select-sex':'u-icon-select-sex-default')]">
            <img src="./icon_tengxun.png" alt="腾讯信用" class="radio-img">
          </label>
          <input id="payment-mf" type="radio" value="1" :duplex-number="@data.credit.type">
          <input id="payment-sf" type="radio" value="2" :duplex-number="@data.credit.type">
        </div>
      </li>
      <li>
        <div class="left">身份证号</div>
        <div class="right">
          <input type="text"
          :duplex="@data.contact.idcardno"
          data-required-message="请填写身份证"
          :rules="{required: true, identity: true,}">
        </div>
      </li>
    </ul>
    <div class="u-footer">
      <p>仅在您允许的情况下获得信用分，无需担心隐私</p>
      <button type="submit" class="btn btn-success btn-shop" >授权认证</button>
    </div>
  </form>
</div>
